<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/panghutemai.css"/>
		
	</head>
	<body>
		<header>
			<span>
					<a href="index.html"><img src="img/fanhui@2x.png"/></a>
			</span>
			<span>胖虎特卖</span>
			<span><img src="img/fenxiang@2x.png"/></span>
		</header>
		<div class="dl_three">
				
		</div>
		<script src="js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.12.4.min.js"></script>
	    <script src="js/artTemplate.js"></script>
	    
	    <script type="text/html" id="products-temp">
	        {{each list as v i}}
	        	<dl>
					<dt><img src="{{v.imgUrl}}" width="327" height="327"/></dt>
					<dd>
						<h1>{{v.title}}</h1>
						<span>
							<span>{{v.newPrice}}</span>
							<span>{{v.oldPrice}}</span>
						</span>
					</dd>
				</dl>
	        {{/each}}
	    </script>
	    <script>
			$(function(){
				$.ajax({
					type: "get",
					url: "json/data.json",
					dataType: "json",
					success: function(data,d){
						console.log(data);
		                var str = template("products-temp", {list: data});
		                console.log(str);
		                $(".dl_three").html( str );
					}
				})
				
			})
	    </script>
	</body>
</html>
